<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>E-Market</title>
        <link href="Style/oneColFixCtrHdr.css" type="text/css" rel="stylesheet"/>
    </h:head>
    <h:body>
        <div class="container">
            <ui:include src="Header.xhtml"/>

            <div class="content">

                <h:form id="video">

                    <p:outputLabel value="Pubblicità"/>
                    <p:panelGrid columns="3">

                        <p:media value="http://www.youtube.com/v/ddfBA_Gd1vg" width="298" height="215" player="flash"/>

                        <p:media value="http://www.youtube.com/v/6_hVxnImEtk" width="298" height="215" player="flash"/>

                        <p:media value="http://www.youtube.com/v/VJfXmDyJLH8" width="298" height="215" player="flash"/>
                    </p:panelGrid>
                </h:form>

                <h:form id="piuRichiesti" style="margin-top: 30px">

                    <p:outputLabel value="Prodotti genuini"/>

                    <p:panelGrid columns="2">

                        <p:column >

                            <p:imageSwitch effect="shuffle">  
                                <ui:repeat value="#{imageSwitch.alimentiGenuini}" var="image">  
                                    <p:graphicImage library="resources" value="/Immagini/#{image}" width="500px" height="300px" />  
                                </ui:repeat>  
                            </p:imageSwitch>  
                        </p:column>

                        <p:column >

                            <p:imageSwitch effect="turnDown">  
                                <ui:repeat value="#{imageSwitch.alimentiGenuini2}" var="image">  
                                    <p:graphicImage library="resources" value="/Immagini/#{image}" width="415px" height="300px" />  
                                </ui:repeat>  
                            </p:imageSwitch>  
                        </p:column>
                    </p:panelGrid>
                </h:form>

                <h:form id="carniPesci" style="margin-top: 30px">

                    <p:outputLabel value="Carne - Pesce"/>

                    <p:panelGrid columns="2" >

                        <p:column>

                            <p:imageSwitch effect="fade">  

                                <ui:repeat value="#{imageSwitch.carni}" var="image">  

                                    <p:graphicImage library="resources" value="/Immagini/#{image}" width="415px" height="300px" />  
                                </ui:repeat>  
                            </p:imageSwitch> 
                        </p:column>

                        <p:column>

                            <p:imageSwitch effect="zoom">  

                                <ui:repeat value="#{imageSwitch.pesce}" var="image">  

                                    <p:graphicImage library="resources" value="/Immagini/#{image}" width="500px" height="300px" />  
                                </ui:repeat>  
                            </p:imageSwitch> 
                        </p:column>
                    </p:panelGrid>

                </h:form>

                <h:form id="negozi" style="margin-top: 50px; margin-left: 200px">

                    <p:galleria value="#{imageSwitch.supermercati}" var="image" panelWidth="500" panelHeight="213" showCaption="true">  

                        <p:graphicImage library="resources" value="/Immagini/#{image}" title="Grandi marchi"/>  
                    </p:galleria>  
                </h:form>
            </div>

            <ui:include src="Footer.xhtml"/>
        </div>
    </h:body>
</html>

